Курс JavaScript - полный курс с нуля до результата!

5Premium

Основная цель курса - практика изучения JavaScript на реальных примерах для frontend-разработчиков. Каждый теоретический блок заканчивается практикой. Создадите реальные проекты в процессе прохождения курса. Исходные коды к заданиям для сверки прилагаются.

Начать обучение Регистрация

О курсе - Чему Вы научитесь?

Курс состоит из 2-х частей: базовый JavaScript с нуля для начинающих разработчиков и JS продвинутый для более опытных программистов.

Подробно изучите язык программирования JavaScript сразу с переходом в практику. Начнем с самых простых основных концепций и принципов JavaScript и шаг за шагом дойдем до самых сложных.

Чему вы научитесь

  • Изучите основы программирования и алгоритмов, объектно ориентированное программирование (ооп)
  • Познакомитесь с самыми основами языка JavaScript, основными концепциями и принципами JS на практических примерах и заданиях
  • Изучите популярные технологии: AJAX, JSON и т.д.
  • Научитесь работать с Git и GitHub
  • Разберетесь, как работать с npm, Babel, Browserify, Webpack и т.д.
  • Узнаете, какой фрэймворк или библиотеку выбрать в дальнейшем и познакомитесь с React, Angular, Vue, Jquery
В результате вы напишите приложение, создадите интерактивные элементы на сайте: создадите таймер обратного отсчета, калькулятор, напишите скрипт отправки данных из формы и многое другое. Все знания закрепляются на практике.

  • Разберетесь в задачах на понимание основ JS взятые с реальных собеседований для вакансии фронтенд-разработчик
  • Также научитесь работать в редакторе кода VS Code, установите и подключите все нужные плагины
  • Бонус. Узнаете основные концепции и напишите свое приложение на React. Научитесь писать автотесты

JavaScript - это язык программирования реализующий интерактивность на веб-страницах. Каждый сайт использует этот язык. К тому же, используя различные фрэймворки, JavaScript распространяется всё шире: серверная сторона (Node.js), мобильные приложения (React Native, Ionic), виртуальная реальность (React VR) и так далее. Поэтому, если вы хотите пойти по одному из этих путей - нативный JS станет для вас просто необходимой базой.

Для прохождения данного курса необходимы базовые знания и навыки HTML и CSS. Рекомендуем изучить наши базовые курсы:
Основы HTML/CSS - верстка сайтов с нуля
Верстка сайтов на HTML/CSS для начинающих
ВЕБ-разработчик - с нуля до результата!
Верстальщик - HTML, CSS, Bootstrap, JavaScript

Начать обучение

Получите +3 проекта в личное портфолио

В курсе много практики и часть выполненных вами проектов, заданий и работ вы сможете разместить в ваше личное портфолио для демонстрации потенциальным работодателям и заказчикам.

Начать обучение

План курса

Программа обучения включает видео уроки по изучению JavaScript с нуля. Благодаря тестовым и практическим заданиям, Вы сможете закрепить полученные знания по JavaScript программированию на практике.

развернуть все

свернуть все

2. Основы JavaScript
  • 2.1 Подключение JS к странице и переменные12:05
  • 2.2 Классификация типов данных в JavaScript09:37
  • 2.3 Простое общение с пользователем06:08
  • 2.4 Операторы в JS11:10
  • 2.5 Учимся работать с системой контроля версий Git и с сервисом GitHub22:46
  • 2.6 Как работать с GitHub с разных компьютеров. Gitignore и GitKraken16:15
  • 2.7 Подготавливаем проект к дальнейшим урокам20:00
  • 2.7 Тестирование00:15
  • 2.7 Тестирование00:15
  • 2.7 Тестирование00:15
  • 2.8 Условия10:43
  • 2.9 Циклы08:14
  • 2.10 Практика. Пишем приложение. Часть 114:40
  • 2.10 Тестирование00:15
  • 2.11 Функции20:32
  • 2.12 Практика. Пишем приложение. Часть 212:14
  • 2.13 Callback-функции05:21
  • 2.14 Объекты09:24
  • 2.15 Массивы и псевдомассивы21:58
  • 2.16 Объектно-ориентированное программирование (ООП)06:44
  • 2.17 Практика. Пишем приложение. Часть 312:56
  • 2.17 Тестирование00:15
  • 2.18 Отлавливаем ошибки в своем коде при помощи консоли разработчика. Breakpoints09:44
  • 2.19 Динамическая типизация в JS24:21
  • 2.20 Задачи на понимание основ JS (с реальных собеседований)10:00
  • 2.20 Тестирование00:30
  • 2.20 Тестирование01:00
  • 2.20 Тестирование01:00
  • 2.20 Тестирование01:00
  • 2.20 Тестирование01:00
  • 2.20 Тестирование01:00
  • 2.20 Тестирование01:00
  • 2.20 Тестирование01:00
  • 2.20 Тестирование00:30
  • 2.20 Тестирование01:00
  • 2.20 Тестирование00:30
  • 2.20 Тестирование01:00
  • 2.21 Задачи на понимание основ JS (с реальных собеседований) - Разбор заданий17:08
  • 2.22 Получение элементов со страницы13:35
  • 2.23 Действия с элементами на странице27:35
  • 2.24 Задание на отработку действий со страницей35:00
  • 2.24 Тестирование00:15
  • 2.25 Практика. Пишем приложение. Часть 415:00
  • 2.25 Тестирование00:15
  • 2.26 События и их обработчики26:47
  • 2.27 Практика. Пишем приложение. Часть 546:15
  • 2.27 Тестирование00:15
  • 2.28 Бонус. События на мобильных устройствах и основы регулярных выражений31:36
3. JavaScript в работе
  • 3.1 Скрипты и время их выполнения. setTimeout и setInterval25:14
  • 3.2 Создаем табы на странице19:02
  • 3.2 Тестирование00:15
  • 3.3 Формируем портфолио на GitHub09:33
  • 3.4 Параметры документа, окна и работа с ними26:32
  • 3.5 Создаем таймер обратного отсчета на сайте21:52
  • 3.5 Тестирование00:15
  • 3.6 Конструкторы и классы09:47
  • 3.7 Контекст вызова (this)24:52
  • 3.8 Создаем модальное окно и работаем с this07:05
  • 3.9 Стандарт ES6. Интерполяция06:33
  • 3.10 ES6. let и const06:17
  • 3.11 ES6. Стрелочные функции07:15
  • 3.12 ES6. Параметры по умолчанию04:27
  • 3.13 ES6. Классы05:15
  • 3.14 ES6. Spread-операторы05:58
  • 3.15 Работаем с проектом и практикуемся использовать ES645:00
  • 3.15 Тестирование00:15
4. Продвинутый JavaScript
  • 4.1 JSON формат передачи данных06:08
  • 4.2 AJAX25:02
  • 4.3 Реализация скрипта отправки данных из формы23:04
  • 4.4 ES6. Promise21:11
  • 4.5 Используем промисы на реальных примерах 50:00
  • 4.6 Создаем слайдер на сайте26:12
  • 4.7 Создаем калькулятор на сайте15:54
  • 4.7 Тестирование00:15
  • 4.8 Как сохранить данные без БД. Работа с localStorage17:57
  • 4.9 Ошибки. Как избежать “поломки” своего кода11:42
  • 4.10 Современные библиотеки и фрэймворки. JQuery, как устроена $30:49
  • 4.11 Работаем с JQuery30:00
  • 4.11 Тестирование00:15
  • 4.12 Инкапсуляция. Прием модуль, как и зачем его использовать22:10
  • 4.13 Настраиваем Webpack и собираем наш проект26:21
  • 4.14 Сборка проектов при помощи Browserify04:36
  • 4.15 Как превратить код ES6 в старый формат ES5. Babel, Babel-loader и полифиллы15:28
  • 4.16 ES6. Модули04:37
  • 4.17 Работаем с готовым кодом18:47
5. Бонус. Дополнительные технологии
  • 5.1 React40:50
  • 5.2 Написание тестов23:01
Завершение курса - Получение Сертификата

Начать обучение

Студенты также изучают

online_course
4.7
  • 10 видео
  • 21 заданий
  • 1 час
online_course
new
5
  • 65 видео
  • 24 часа
online_course
new
5
  • 28 видео
  • 14 часов
online_course
new
5
  • 97 видео
  • 34 часа
online_course
new
5
  • 84 видео
  • 27 часов
online_course
new
5
  • 65 видео
  • 10 часов

Отзывы студентов о курсе

Мы собрали отзывы учеников, прошедших онлайн курс. Оставьте свой отзыв после прохождения Курса программирования на JavaScript для начинающих - с нуля до результата.

Андрей Кузнецов

Курс оочень хороший!

Яков Гаврилин

Лучший курс в статусе Premium. Все очень подробно, ради такого курса стоило покупать подписку на месяц)

Артём Ким

Уже сроднился с Иваном Петриченко. Практики много обьяснения понятные, определенно стоит каждой копейки

Kateryna Lysenko

Очень детально и много полезных технологий

Даниил Щетников

Дает хорошую теоретическую базу!

Дмитрий Трофимов

Не достаточно практики по последним модулям продвинутого JS. Что за технологии - понятно. А где применяются, когда и как - недостаточно информации. А так, все Здорово! Спасибо за курс!

Марат Тухтаров

Все супер!

Ильфир Галиахметов

Всё отлично

student_R3udPQg_

Много упражнений, понятные объяснения. Как всегда на высоте!

Ирина

Хороший курс, но много ещё предстоит самому учить и разбираться. И это нормально.

Анна Дубровина

Спасибо за курс. Очень понравились изложение и подача материала. Классный препод.

Илья Новиков

Иван информативно, все рассказывает, не понимал некоторых вещей, не пожалел, что приобрел премиум! В некоторых уроках тайминги есть 50 мин, но нет видео, это время, которое дается на выполнение задание просто?

Александр Листопад

Все супер! Конечно, некоторые уроки надо закрепить на практике, но объяснение JS на уровне!

Олег Демичев

Потрясающий и информативный курс! Спасибо большое Ивану!

Митрофан Потапович

крутой курс. я, наверное, буду покупать дом практику на js.

Денис Рамилевич

Обучение проходит легко. Больше всего понравилось простота объяснений. Я получил несколько проектов, основы.

Иван Артемов

курс весьма информативный и полезный и стоит своей цены!

Никита Самойлов

Отличный курс. Много практики.

Василий Козин-Поздня...

Все супер!!

Артем Вершинин

Отличный, очень подробный курс!

Алексей

Очень круто! Всё понравилось!

Дмитрий Мещеряков

Курс отличный, изложено все на понятном и доступном языке, много практики. Вот только некоторые ссылки не открываются)

Елена Гох

Курс отличный!

Константин Егоров

Цена - качество отличные. Куда интересней, чем самому что то искать. Как база подходит, что бы потом ещё больше углубиться. Вот только я не увидел курсового задания, а я его так ждал. Однозначно рекомендую вместо покупки курса на каком нибудь скилбоксе. Не стоит тратить кучу денег сходу, лучше получить базу, понимание как всё устроено. Для этого эти обучения подходят.

Руслан Никитченко

Второй курс от Ивана, очень понятно объясняет, спасибо большое!

Пётр Колосов

Мне всё понравилось, только было непонятно, зачем 90-ый урок был. Вообще непонятный. А так 10 звёзд из 5)) Мне особенно понравилось, что есть тестирования знаний. Но, хотелось бы ещё интерактивных заданий побольше.

Руслан Замураев

Отличный курс! Всем советую!

student_l8RqYdRs

легкая подача информации, хорошо объясняется материал. Спасибо!

Николай Николаев

Очень интересно. Объем информации большой, но для полного изучения надо дополнительно ещё читать/изучать книги по JS. Кантор, Флэнеган, Фримен и т.д. Ваши курсы дают импульс для изучения, а это главное. Спасибо

Arman Aisenov

Обучение прошло интересно! Открыл для себя новые детали в языке JS. Материал объясняется на простом, доступном языке. Информативность - много знаний получил за относительно небольшой срок. Я понимал, что у меня слабые познания по чистому JS, и пройдя курс, теперь владею им на более высоком уровне экспертности. Удалить перфекционизм, не беспокоиться из-за того, что что-то не получается сделать или что-то не поняли.

Елизавета Зеленова

Отличный курс. Все очень понятно и доступно даже для самых новичков

Илья Гайворонский

Всё очень понравилось

Perishte Ismailova

Очень понятно и доступно. Получила много полезной информации особенно о работе с сервером что раньше казалось трудным. Спасибо огромное за замечательный курс.

Алена Инденко

Иван вы молодец, мне нравится как вы подаете материал, даже не видя студентов вы стараетесь найти к ним подход. Очень объемный курс, хотелось бы больше практики с каждым разделом на основе одного большого проекта, чтобы вы вели эту практику, самой довольно сложно вникнуть во все нюансы с первого раза, а с вашими подсказками гораздо проще. Спасибо за ваш труд!

Артём Чугунников

Отличный курс для понимания как использовать полученные теоретические знания на практике.!

Тарас Дмитрик

Курс проходив, щоб впорядкувати знання, так як до того вивчав все в міру потреби. Не знаю як для тих хто вчить з нуля, але мені все було зрозуміло і корисно) дякую!

Вячеслав Демченко

Отличный курс с очень доступной и подробной подачей материала, который обеспечит солидную основу для дальнейшего изучения JavaScript и развития в сторону фронтенд-разработки.

Сергей

Хороший курс для новичков JavaScript, в курсе описано где лежит основная информация + как с ней работать разобрано на практике. Хотелось бы практическое дз к каждому уроку, но за те что были и всё равно спасибо :)

Olga Pushkar

Доступная понятная актуальная информация без воды на реальных практических примерах, которые можно использовать в работе. Спасибо за качественный материал!

Yunna Zobova

Очень доходчиво объяснено, спасибо!

Illia Sokolan

Спасибо автору за столь подробное и понятное объяснение темы. Иван, Вы очень хороший учитель! Так держать!

Андрей

Отличный курс. Продвинутая часть оказалась сложнее в освоении. Но после нескольких просмотров все начинает доходить легче. Спасибо большое Ивану за проделанную работу.

Виталий Леон

Очень хороший курс, доступно, практично, актуально!!!

Геннадий Холкин

Отличный курс. Все понятно разъясняется на практике. Спасибо автору!

Алексей Гусев

Отличный большой курс для новичков! Понравилось как автор подготовил курс, разъяснения и ссылки на море материалов для ознакомления и изучения. Автору пожелание курс обновлять и расширять (еще можно столько всего).

Нургиса Апбаз

Интересный курс показаны основные моменты в работе с JS.

Alexey Konopatsky

Отличный курс для новичков в JS. Все довольно информативно и понятно, однако присутствуют некоторые "проблемные" моменты. Но в общем и целом курс отличный, Спасибо.

Багдасар Айдинян

Очень понравилось. Было информативно и была интересная подача от куратора. Хорошо совместили кол-во практики и теории.

Антон Коньяков

Курс по JavaSript очень массивный, очень много информации закончив этот курс имею довольно ясное понимание как писать код, хотелось бы побольше практических заданий на написание кода в ходе курса. Не понравилось отсутствие дипломной работы, о которой упоминал автор курса, в целом довольно неплохо, буду продолжать обучение по другим курсам.

Константин Гаращук

Курс отлично подходит, для обретения базовых знаний по js, спасибо!

Начать обучение

Преподаватель

Course Author
Иван Петриченко

О преподавателе курса

  • Практикующий frontend-разработчик и консультант
  • Более 10 лет профессионально занимается frontend-разработкой и создает сайты "под ключ". Обучает этому взрослых и детей, организовывает и проводит мероприятия. Проводит консалтинг и аудит сайтов.

"В моей копилке уже несколько организованных и записанных авторских онлайн курсов, я люблю помогать людям и делиться с ними знаниями.

Я фрилансер и очень люблю путешествовать и выступать на различных конференциях."

Всего заданий: 90

Видеоуроки: 48

Практические задания: 17

Тесты: 25


Продолжительность: ~19 часов